import styled from 'styled-components'  

export const FooterWrapper = styled.div`
    width: 100%;
    height: 50px; 
    background:#e9d8d8;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    a{
        flex:1;
        display: flex; /**弹性布局中，兄弟元素可以移动 */
        flex-direction: column;/**图标在上 */
        align-items: center;
        justify-content: space-around;
        &.active { /*& 表示引用上一层 */
            color:#ae8232;
        }
        i{
            font-size: 1.5em;
        }
    }
`